.register{
    background-image: url(../image/background.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    form{
        width: 80%;
        margin: 0 auto;
        .mt(55);
        .form-line{
            position: relative;
//          width: 100%;
            .w(300);
            .h(40);
            .lh(40);
            
            background-color: @formBgColor;
            
            &:first-child{
                border-bottom: 1px solid white;
            }
            span{
                color: red;
                position: absolute;
                text-align: right;
                bottom: 0;
                right: 0;
//              margin: 0;
                p{
                    margin: 0;
                }
            }
            .account{
                position: inherit;
                .h(40);
                width: 40px;
                background-repeat: no-repeat;
                background-position: 10px 10px;
                background-color: rgba(0, 0, 0, 0.3);
                background-image: url(../image/account.png);
            }
            .lock{
                position: inherit;
                
                .h(40);
                width: 40px;
                background-repeat: no-repeat;
                background-position: 10px 10px;
                background-color: rgba(0, 0, 0, 0.3);
                background-image: url(../image/lock.png);
            }
            input{
                position: absolute;
                right: 0;
                top: 0;
                color: white;
                box-sizing: border-box;
                border: none;
                background-color: @formBgColor;
                .w(260);
                .h(40);
                &::-webkit-input-placeholder{
                    color: white;
                }
            }
        }
        .sms{
            position: relative;
            .mt(40);
            input{
                .h(40);
                width: 200px;
                border: none;
                background-color: @formBgColor;
                padding-left: 20px;
                box-sizing: border-box; 
                &::-webkit-input-placeholder{
                    color: white;
                }

            }
            span{
                color: red;
                position: absolute;
                text-align: right;
//              bottom: 0;
                right: 100px;
//              margin: 0;
                p{
                    .h(40);
                    .lh(40);
                    margin: 0;
                }
            }
            .send{
                position: static;
                .h(40);
                width: 90px;  
                .lh(40);
                text-align: center;
                color: @headBgColor;
                border: 1px solid @headBgColor;
                
            }
        }
        button{
//          width: 100%;
            .w(300);
            .h(40);
            border: none;
            &.login-btn{
                background-color: @headBgColor;
                color: white;
                margin-top: 70px;
                font-size: 20px;
                font-weight: bold;
            }
            &.register-btn{
                box-sizing: border-box;
                color: @headBgColor;
                margin-top: 20px;
                font-size: 20px;
                font-weight: bold;
                background-color: @btnBgColor;
                border: 2px solid @headBgColor;
            }
        }
    }
}
